import { defineComponent, ref } from "vue";
import styles from "./scss/LeftMode.module.scss";
import { AppMain, Top, Silder } from "./components";

export default defineComponent({
  name: "LayoutLeftMode",
  setup() {
    // const title = ref("这个区域是layout布局组件，当前是左布局");
    const title = ref("");
    console.log("title", title);

    return () => (
      <>
        <div class={styles["classes"]}>
          <div class={styles["left"]}>
            <Silder />
          </div>
          <div class={styles["right"]}>
            <div class={styles["top"]}>
              <Top />
            </div>
            <div class={styles["content"]}>
              <AppMain />
            </div>
          </div>
        </div>
      </>
    );
  },
});
